/* basic elements */
a,a:hover,span,table,td,th,cite,caption,pre,p,b,label,i,em,u,h1,h2,h3,h4,select,input,textarea,input[type="text"]:focus, textarea:focus {
       font-family: arial;
       line-height: 15px;
       font-size: 1.1em;
       font-weight: normal;
       text-align: left;
}

table,td,th {
       font-size: 1.1em;
}

b, strong {
       font-weight: bold;
}

i, em {
       font-style: italic;
}

u {
       text-decoration: underline;
}

#header {
       background: url(../images/bgHeader.gif) repeat-x top left;
       width: 100%;
       height: 55px;
}

#headerLeft {
       float: left;
       width: 50%;
}

#headerRight {
       float: right;
       width: 48%;
       margin: 5px 5px 0 0;
}

.logoutLink {
       display: block;
       width: 40px;
       height: 25px;
       padding-left: 20px;
       background: url(../images/exit.png) no-repeat left;
       color: #fff;
       font-weight: bold;
       text-decoration: none;
       float: right;
}

.logoutLink:hover {
       padding-left: 20px;
       width: 40px;
       color: #fff;
       font-weight: bold;
       text-decoration: underline;
}

#pageHeader {
       width: 100%;
       margin-top: -10px;
       margin-left: 0px;
       padding-top: 10px;
}
#popupHeader {
       width: 100%;
       margin: 10px;

}

/* Main Menu Stuff */

.menuMain {
       padding-left: 10px;
}

.menuMain li {
       height: 25px;
       padding-top: 5px;
}

.menuMain a {
       font-family: arial;
       font-size: 1.5em;
       font-weight: bold;
       color: #CC6600;
       text-decoration: none;
}

.menuMain a:hover {
       font-family: arial;
       font-size: 1.5em;
       font-weight: bold;
       color: #003399;
       text-decoration: none;
}

.menuMain .library {
       background: url(../images/iconBibliography.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .events {
       background: url(../images/iconCalendar.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .dashboard {
       background: url(../images/iconGuage.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .resources {
       background: url(../images/iconResources.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .reports {
       background: url(../images/iconReports.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .users {
       background: url(../images/iconUsers.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .callLog {
       background: url(../images/iconPhoneLog.gif) left no-repeat;
       padding-left: 35px;
}
.menuMain .partners {
       background: url(../images/iconPartners.gif) left no-repeat;
       padding-left: 35px;
}

.subMenu {
	  padding: 0;
      margin-left: 20px;
}

.subMenu li {
	list-style-image: url("../images/silkIcons/bullet_orange.png");
}

.subMenu li a {
    font-size: 1.2em;
}

.subMenu li a:hover {
       font-size: 1.2em;
}

/* End Main Menu Stuff */

.dataTable {
       border-collapse: collapse;
       width: 100%;
       background: #fff;
}
.dataTable td {
       border: 1px solid #eee;
       padding: 4px;
}
.dataTable th {
       border: 1px solid #D0D0D0;
       background:url("../images/bgExtHeader.gif") repeat-x top;
       font-weight: bold;
       text-align: left;
       padding: 4px;
       height: 23px;
}
.dataTable .thHover, .header2 {
       border: 1px solid #AACCF6;
       background:url("../images/bgExtHeaderHover.gif") repeat-x top;
       padding: 4px;
       height: 23px;
}
.dataTable caption {
       font-weight: bold;
       text-align: left;
       padding-top: 10px;
       padding-bottom: 5px;
}

.dataTable tr:hover, .itemRowView:hover {
       background: #FBE1DB;
}

.altRow {
       background: #F8F5F5;
       border-top: 2px solid #E6E1E1;
       border-bottom: 2px solid #E6E1E1;
}

.altRow2 {
       background: url("../images/headerBG3.gif") repeat-x top;
       border-top: 1px solid #E6E1E1;
}

.blueRow {
       background: #E7F0FE !important;
       border-top: 1px solid #D5EBFF;
       border-bottom: 1px solid #D5EBFF;
}


.altRowStripes {
       background: #fff;
       border-top: 2px solid #E6E1E1;
       border-bottom: 2px solid #E6E1E1;
}

.rowStripesOnly {
       background: #fff url("../images/bgRowStripesOnly.gif") repeat-x top;
       border-top: 2px solid #fff;
       border-bottom: 2px solid #E6E1E1;
}

.noRowClass {
       background: #fff;
       border-top: 2px solid #fff;
       border-bottom: 2px solid #fff;
}

.colLeft {
       text-align: right;
       padding-right: 10px;
}

/* End Table Styles */
/* Form Styles */

#form {
       margin: 10px 0px 0px 200px;
       padding: 1px;
       width: 80%;
       border: 1px solid #cccccc;
}
form p {
       clear: left;
       margin: 0px;
       padding: 0px 0px 0px 2px;
}

form .vertLabelSmall, .vertLabelSmall {
       display: block;
       margin: 9px 0 3px 0;
}

label {
       font-family: Arial;
       font-weight: bold;
       color: #666;
       padding-right: 10px;
       letter-spacing: 1px;
}

.vertLabelSmall, .labelSmall {
       font-family: Arial;
       font-weight: bold;
       color: #000;
       padding-right: 10px;
       letter-spacing: 0px;
}

.formFieldBG {
       padding: 3px 3px 3px 3px;
       margin: 1px 0px 1px 0px;
       width: 98%;
}
.formFieldDrkBG {
       background: #ffffff;
       padding: 3px 3px 3px 3px;
       margin: 1px 0px 1px 0px;
       width: 98%;
       color: #003399;
}
.formSubmit {
       border: none;
       background: url("../images/save.gif") bottom right no-repeat;
       color: #ffffff;
       width: 130px;
       height: 30px;
       margin: 3px 3px 0px 0px;
       float: right;
       cursor: pointer;
}
#formCaption {
       font-family: arial;
       font-weight: bold;
       text-align: left;
       padding: 10px 0px 0px 200px;
}
#formCaption b {
       color: green;
}

.grayText {
       color: #999;
       font-weight: inherit;
}

.ltGrayText {
       color: #BEBDBD;
       font-weight: inherit;
}

select, input, textarea {
       padding: 1px;
       font-size: 1.1em;
}

/* style form elements on focus (no IE) )*/
input[type="text"]:focus, textarea:focus {
       background: #FFFFD2;
       padding: 2px;
       border: 1px solid #6699CC;
       font-size: 1.1em;
}

.bigFormText, .bigFormText:focus {
       font-family: arial !important;
       font-size: 1.5em !important;
       color: #000;
       font-weight: bold !important;
       background: url("../images/headerBG3.gif") repeat-x top !important;
       border: 2px solid #999 !important;
       padding: 3px;
}

.inputBigTitle {
       font-family: arial;
       font-weight: normal;
       font-size: 22px;
       color: #6D3B6D;
}

/* End Form Styles */

/* Main Content Link Styles */
a {
       text-decoration: underline;
       color: #003399;
}

a:hover {
       text-decoration: underline;
       color: #597EC8;
}

/* Main Text Styles */
h1 {
       font-family: arial;
       font-weight: normal;
       font-size: 2.0em;
       color: #6D3B6D;
       margin: 10px 0 10px 0;
}

h2 {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: #CC6600;
       margin-bottom: 5px;
       line-height: 20px;
}

h3 {}

h4 {}

h5 {}

.h1SubText {
       color: #9D3C9D;
}

#view label {
       font-weight: bold;
       color: #CC6600;
}
#freeText {
   margin-left: 200px;
       padding: 1px;
       width: 80%;
       height: 50%;
}

.popUpWindow {
       border: 1px solid #eee;
       background: url(../images/bgWindow.gif) repeat-x top left;
       padding: 5px;
}

/***** SITE MESSAGES *****/

.errorMessageBig {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: red;
       background: url(../images/iconWarningBig.gif) no-repeat top left;
       height: 25px;
       padding-left: 28px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}
.successMessageBig {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: #CC6600;
       background: url(../images/iconSuccessBig.gif) no-repeat top left;
       height: 25px;
       padding-left: 28px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}
.activityMessageBig {
       font-family: arial;
       font-weight: bold;
       font-size: 1.5em;
       color: #CC6600;
       background: url(../images/ajaxAnimBlack.gif) no-repeat top left;
       height: 25px;
       padding-left: 28px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}


.errorMessageSmall {
       font-family: arial;
       font-weight: bold;
       font-size: 1em;
       background: url(../images/silkIcons/error.png) no-repeat top left;
       padding-left: 18px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}

.successMessageSmall {
       font-family: arial;
       font-weight: bold;
       font-size: 1em;
       color: #CC6600;
       background: url(../images/silkIcons/accept.png) no-repeat top left;
       padding-left: 18px;
       padding-top: 2px;
       padding-bottom: 2px;
       margin: 2px;
}

/***** END SITE MESSAGES *****/

.infoDiv {
       width: 99%;
       padding-top: 5px;
       padding-bottom: 5px;
       padding-left: 5px;
       margin-top: 8px;
       background: #F7F8FA;
       border: 1px solid #E7E9EB;
}

.emphBox {
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #F2BE23;
        background: #F2BE23;
}
.emphBoxInner {
       border: 3px solid #FBED89;
       padding: 8px;
       background: #FFFFD2;
       font-family: Arial;
       font-size: 1.6em;      
       font-weight: bold;
}

.emphBoxInner select {
       font-weight: bold;
}

.blueBox {
       background: #E7F0FE;
       border: 1px solid #D5EBFF;
       padding: 3px;
}

.bluerBox {
       background: #CADDFC;
       border: 1px solid #B4DAFD;
       padding: 3px;
}

.hiLite {
       background: #FFFFD2;
       border-top: 2px solid #F9F97C;
       border-bottom: 2px solid #F9F97C;
}
.noHiLite {
       background: #fff;
       border-top: 2px solid #fff;
       border-bottom: 2px solid #fff;
}

/***** TAB STYLES ********************************************************/

.formTabs ul {
   list-style: none;
       display: inline;
}

.formTabs li.tab {
   float: left;
       background: url("../images/tabRight.gif") no-repeat right top;
       width: 100px;
       height: 32px;
       padding-top: 3px;
   text-align: center;
   margin-left: -1px;
       cursor: pointer;
}
.formTabs li.tabLeft {
       float: left;
       background: url("../images/tabLeft.gif") no-repeat right top;
       width: 5px;
       height: 32px;
       cursor: pointer;
}
.formTabs li.tabLeft2 {
       float: left;
       background: url("../images/tabLeft2.gif") no-repeat right top;
       width: 4px;
       height: 32px;
       cursor: pointer;
}

.formTabPanel {
       margin-top: -5px;
       border: 2px solid #A9D4FC;
       padding: 5px;
}

/***** END TAB STYLES ****************************************************/

.linkViews {
       width: 100px;
       height: 20px;
       background: url(../images/icon_small_view.gif) left no-repeat;
       color: #999;
       padding-left: 20px;
}
.panelTitle {
       font-family: arial;
       font-size: 9pt;
       font-weight: bold;
       color: #000;
}

ul .simple {
       font-size: 1em;
       list-style-type: square;
       margin-left: 20px;      
}

/***** AUTOCOMPLETE STYLES ******/
div.autocomplete {
       position:absolute;
       margin: 0px;
       padding: 0px;       
}

div.autocomplete ul {
       list-style-type: none;
       margin: 0px;
       padding: 0px;
       width: 350px;
       height: 200px;
       overflow: auto;
	   border: 1px solid #ccc;
       background-color: #fff;
}

div.autocomplete ul li.selected {
       background-color: #FFFFD2;
}

div.autocomplete ul li {
       background-color: #fff;
       list-style-type: none;
       margin: 0;
       padding: 2px;
       cursor: pointer;
}

.blueTH {
       color: #fff;
       font-weight: bold;
       background: url(../images/bluDarkBG.gif) repeat-x left;
       height: 25px;
       text-align: left;
       padding-left: 5px;      
}

.search-item {
   font:normal 11px tahoma, arial, helvetica, sans-serif;
   padding:3px 10px 3px 10px;
   border:1px solid #fff;
   border-bottom:1px solid #eeeeee;
   white-space:normal;
   color:#555;
}
.search-item h3 {
   display:block;
   font:inherit;
   font-weight:bold;
   color:#222;
}

.search-item h3 span {
   font-weight:normal;
   margin:0 0 5px 5px;
   width:100px;
   display:block;
   clear:none;
}

/***** LITTLE ICONS AND STUFF *****/


.iconStaff {
       background: url(../images/iconPeople.gif) no-repeat left;
       padding-left: 25px;
       height: 25px;
}

.iconNotes {
       background: url(../images/note_pinned.png) no-repeat left;
       height: 24px;
       padding-left: 30px;
}

.iconFollowUp {
       background: url(../images/silkIcons/phone_go.png) no-repeat left;
       height: 24px;
       padding-left: 30px;
}

.iconBulletRed {
       width: 20px;
       height: 20px;
       background: url("../images/silkIcons/bullet_red.png") no-repeat;
}
.iconPerson {
       display: block;
       height: 20px;
       padding-left: 25px;
       background: url(../images/silkIcons/users1.png) no-repeat left;
}

.iconEmail {
       display: block;
       height: 20px;
       padding-left: 25px;
       background: url(../images/silkIcons/email.png) no-repeat left;
}

.iconWebsite {
       display: block;
       height: 20px;
       padding-left: 25px;
       background: url(../images/silkIcons/application_side_list.png) no-repeat left;
}

.iconPhone {
       display: block;
       height: 20px;
       padding-left: 25px;
       background: url(../images/silkIcons/phone.png) no-repeat left;
}

.iconTag {
       display: block;
       height: 20px;
       padding: 5px 0 5px 25px;
       margin-left: 5px;
       background: #FFFFD2 url(../images/silkIcons/tag_red.png) no-repeat left;
}

.iconTag b {
       display: none;
}

.iconRemove {
       height: 20px;
       width: 25px;
       background: url(../images/silkIcons/cross.png) no-repeat center;
}

.iconRemoveText {
	height: 20px;
    padding-left: 30px;
    background: url(../images/silkIcons/cross.png) no-repeat left;
}

/***** DASHBOARD STYLES ***********/
.dashboardWinContainer {
       padding: 6px;
}

/***** STATUS STYLES *************/
.statusAlert {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/exclamation.png) no-repeat center;
}
.statusClosed {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/accept.png) no-repeat center;
}
.statusTransferred {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/phone_go.png) no-repeat center;
}
.statusOpen {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/asterisk_yellow.png) no-repeat center;
}
.statusReopen {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/folder_page.png) no-repeat center;
}
.statusWarning {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/error.png) no-repeat center;
}
.statusStop {
       width: 100%;
       height: 20px;
       background: url(../images/silkIcons/delete.png) no-repeat center;
}

.statusAlertRow, .statusAlertBox {
       background: #ffcccc;
}
.statusWarningRow, .statusWarningBox {
       background: #FDD496;
}

.memberType {
       z-index: 20000;
}

/***** CONTACT FORM STATUS STYLES ****************************************/
#contactFormStatus {
       font-family: Arial;
       font-size: 1.5em;      
       font-weight: bold;
       width: 100%;
}

#contactFormStatusInner {
       padding: 8px;
}

.statusOpenBox {
       background: #FBED89;
}

.statusClosedBox {
       background: #ccff99;
}

/***** BUTTON STYLES *****************************************************/
.coolButton {
       display: block;
       height: 26px;
       width: 121px;
       cursor: pointer;
       text-decoration: none;
}

.buttonBGBlueGray {
       background: url(../images/bgButtonBlueGray.gif) 0 0 no-repeat;  
}
.buttonBGRedGray {
       background: url(../images/bgButtonRedGray.gif) 0 0 no-repeat;  
}
.buttonBGYellowGray {
       background: url(../images/bgButtonYellowGray.gif) 0 0 no-repeat;        
}
.buttonBGYellow {
       background: url(../images/bgButtonYellow.gif) 0 0 no-repeat;    
}
.buttonBGRed {
       background: url(../images/bgButtonRed.gif) 0 0 no-repeat;      
}
.buttonBGGreen {
       background: url(../images/bgButtonGreen.gif) 0 0 no-repeat;    
}

.coolButton:hover {
       background-position: 0 -26px;
       text-decoration: none;
}

.coolButton span {      
       display: block;
       height: 26px;
       width: 95px;
       padding: 5px 0 0 23px;
       
       font-size: 12px !important;
       font-weight: bold;
       color: #333;
       text-align: center;
}

.coolButton span.add {
       background: url(../images/silkIcons/add.png) 3px 4px no-repeat;
}
.coolButton span.update {
       background: url(../images/silkIcons/arrow_refresh.png) 3px 4px no-repeat;
}
.coolButton span.save {
       background: url(../images/silkIcons/disk.png) 3px 4px no-repeat;
}
.coolButton span.cancel {
       background: url(../images/silkIcons/delete.png) 3px 4px no-repeat;
}
.coolButton span.search {
       background: url(../images/silkIcons/magnifier.png) 3px 4px no-repeat;
}
.coolButton span.login {
       background: url(../images/silkIcons/key_go.png) 3px 4px no-repeat;
}
.coolButton span.close {
       background: url(../images/silkIcons/exclamation.png) 3px 4px no-repeat;
}
.coolButton span.ok {
       background: url(../images/silkIcons/accept.png) 3px 4px no-repeat;
}
.coolButton span.star {
       background: url(../images/silkIcons/asterisk_orange.png) 3px 4px no-repeat;
}
.coolButton span.folderOpen {
       background: url(../images/silkIcons/folder_page.png) 3px 4px no-repeat;
}

.buttonBlueGray a:hover, .buttonBlueGray input:hover {
       text-decoration: none;
       background-position: 0 -26px;
}

.buttonBig {
       width: 150px;
       height: 35px;
       font-family: arial;
       font-weight: bold;
       font-size: 1.6em;
       color: #000;
       padding-left: 40px;
       padding-top: 10px;
       border: 0px;
       cursor: pointer;
}

.arrowDown {
       background: url("../images/buttonArrowDown.gif") left no-repeat;
       padding-left: 22px;
}

.arrowUp {
       background: url("../images/buttonArrowUp.gif") left no-repeat;
       padding-left: 22px;
}

/* Note sure we are going to use these classes anymore */
.buttonAddBig {
       background: url(../images/buttonAddBig.gif) no-repeat;
}
.buttonSaveBig {
       background: url(../images/buttonSaveBig.gif) no-repeat;
}
.buttonCancelBig {
       background: url(../images/buttonCancelBig.gif) no-repeat;
}
.buttonEmailBig {
       background: url(../images/buttonEmailBig.gif) no-repeat;
}
.buttonDeleteBig {
       background: url(../images/buttonDeleteReallyBig.gif) no-repeat;
}
.buttonPrintBig {
       background: url(../images/buttonPrintBig.gif) no-repeat;
}

.buttonEdit {
       display: block;
       cursor: pointer;
       width: 17px;
       height: 22px;
       background: url(../images/buttonEditBig.gif) no-repeat;
}

.buttonDelete {
       display: block;
       cursor: pointer;
       width: 17px;
       height: 22px;
       background: url(../images/buttonDeleteBig.gif) no-repeat;
}

.buttonNewCall {
       background: url(../images/buttonNewCall.gif) no-repeat;
}

.buttonGo {
       width: 21px;
       height: 17px;
       border: 0px;
       background: url(../images/buttonGo.gif) no-repeat;
       cursor: pointer;
}

.buttonExcelDownload {
       display: block;
       height: 25px;
       font-weight: bold;
       background: url(../images/mimeIcons/document_excel.png) no-repeat;
       padding-left: 20px;
}

.buttonDownloadFile {
       display: block;
       height: 25px;
       font-weight: bold;
       background: #ffff99 url(../images/silkIcons/drive_web.png) no-repeat;
       padding-left: 20px;
}
.bgReport {
       height: 35px;
       width: 222px;
       background: url(../images/bgPickReport.gif) no-repeat;
       padding-left: 37px;
       padding-top: 5px;
}

.listView {
       background: url(../images/iconListView.gif) left no-repeat;
       padding-left: 30px;
       height: 20px;
}

.expandedView {
       background: url(../images/iconExpandedView.gif) left no-repeat;
       padding-left: 30px;
       height: 20px;
}

.usersButtonSingle {
       background: url(../images/userSingle.gif) left no-repeat;
       width: 26px;
       height: 23px;
       cursor: pointer;
}

.usersButtonGroup {
       background: url(../images/userGroup.gif) left no-repeat;
       width: 26px;
       height: 23px;
       cursor: pointer;
}

.toolbarEdit {
       background-image:url(../images/silkIcons/table_edit.png) !important;
}
.toolbarDelete {
       background-image:url(../images/silkIcons/cross.png) !important;
}
.toolbarNewMessage {
       background-image:url(../images/silkIcons/note_add.png) !important;
}

/***** END BUTTON STYLES *************************************************/

/***** TRASH BIN STYLES **************************************************/

.trashBin {
       width: 150px;
       height: 20px;
       padding: 2px 0 0 25px;
       float: right;
}

.off {
       background: #555C61 url(../images/trashEmpty.png) left no-repeat;
       border: 1px solid #000;
       color: #fff;
       font-size: 1.1em;
}

.on {
       background: #FFFFD2 url(../images/trashFull.png) left no-repeat;
       border: 1px dashed #F2BE23;
       color: #000;
       font-size: 1.1em;
       font-weight: bold;
       cursor: pointer;
}

/***** TAG SYSTEM STYLES **************************************************/

.tagDiv {
       width: 500px;
       height: 80px;
       overflow: auto;
       border: 1px solid #7f9db9;
       padding: 3px;
       line-height: 20px;
}      

.tagDiv ul, .tagDiv li {
       margin: 0px;
       padding: 0px 4px;
       list-style:none;
       display:inline;
       width: 500px;
}

.tagDiv a:hover {
       background: #003399;
       color: #fff;
}

.used a {
       text-decoration: line-through;
       color: #8cb6f9;
}

/***** END TAG SYSTEM STYLES *******************************************/

.imgLeft {
       float: left;
       margin:0.5em 1.2em 1.2em 0;
       position: relative;    
}

.imgBorder {
       border: 1px solid #000;
}


.imgCaption {
       display: block;
       width: 100%;
       padding: 4px;
       text-align: center;
}

.buttonClientInfoTabs {
	margin-top: 10px; 
	height: 35px;
	float: left;
}
